/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,  article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
/*	vertical-align: baseline;*/
	} 
/* HTML5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
/* End CSS Reset*/
/* general */
body {
	background-color: #41a837;
	font-size: 11px;
	font-family: Arial;
	cursor: default;
	color:#818e9a
}
a {
	color: #818e9a;
}
p{
	margin-bottom:10px;
}
.clear{
	clear:both
}
.body {
	background-color: #FFF;
}
.txtVerde {
	color: #00853e;
}
.txtColor {
	font-size: 11px;
	font-family: Arial;
	color:#818e9a
}
.txtRojo {
	color: #ff0000;
}
.txt10 {
	font-size:10px;
}
.txt14 {
	font-size:14px;
	padding:15px 0;
}

.bodyhome {
	background: url(../images/back_home.jpg) no-repeat #FFF center bottom;
	height: 594px;
}
.footerLogin{
	padding:28px 0 20px 0;
	margin-top: -8px;
	font-size: 11px;
	color: #baefb5;
	text-align: center;
	background: url(../images/bk_footer.png) repeat-x top left;
}

.footer{
	padding:28px 0 20px 0;
	margin-top: -60px;
	font-size: 11px;
	color: #baefb5;
	text-align: center;
	
	background: url(../images/bk_footer.png) repeat-x top left;
}
.contenedor {
	width: 988px;
	margin: 0 auto;
}

/* home */
#Login {
	margin-left: 528px;
	padding-top: 20px;
}
#Login .extranet {
	text-align: right;
	padding-right: 15px;
	height: 25px;
}
#Login .logo {
	height: 105px;
	padding-left: 40px;
}
.teclado {
	background: url(../images/bk_hr.gif) no-repeat top left;
	padding: 15px 0px 0px 30px;
	margin: 15px 0px 15px -30px;
	font-size: 15px;
}
#Login  ul{
	background: url(../images/bk_hr.gif) no-repeat bottom left;
	height:2px;
	margin: 0px 0px 0 -30px;
	padding:8px 0 40px 30px;
}
.teclado ul li{
	display: inline-block;
	margin-bottom:5px;
}
.teclado ul li a {
	border: 1px solid #b1c4d5;
	text-align: center;
	width: 26px;
	line-height: 24px;
	display: block;

	background: url(../default/images/bg-input.png) left top repeat-x;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.teclado ul li a:hover{
	background: url(../default/images/bg-input-focus.png) left top repeat-x;
}
a.btIngresar {
	width: 183px;
	height: 45px;
	margin-left: 60px;
	display: block;
	background-image: url(../images/bt_ingresar.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
a.btIngresar:hover {
	background-position: 0px -45px;
}


/*** placeholder **/
::-webkit-input-placeholder {
   color: #b1c4d5;
}
:-moz-placeholder { /* Firefox 18- */
   color: #b1c4d5;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #b1c4d5;  
}
:-ms-input-placeholder {  
   color: #b1c4d5;  
}


/***** contenido interno ****/
.wrapper {
	background: #FFF url(../images/bg_wrapper.gif) repeat-x;
	min-height:600px;
	height: auto!important;
	height:600px;
	font-size:12px;
	padding-bottom:50px;
}
.wrapper .logo{
	position:absolute;
	top:25px;
	left:27px
}
.wrapper .herramienta{
	float: right;
	overflow: hidden;
	padding:15px 15px 15px 0;
}
.wrapper .herramienta span{
	padding:0 10px;
	color:#58b435;
}

h1{
	font-family:'DINOT_Bold';
	font-size: 20px;
	color:#00853e;
	margin-bottom: 20px;
}
h2{
	font-family:'DINOT_Bold';
	font-size: 15px;
	color:#00853e;
	margin:20px -17px 17px -17px;
	padding: 0 0 7px 15px;
	border-bottom: 1px solid #86c017;
}
header{
	height:96px;
	position:relative;
	margin-bottom:50px;
}
nav{
	position:absolute;
	left:242px;
	bottom:0;	
	font-family:'DINOT_Bold';
	font-size:15px;
}
nav a{
	color:#818e9a;
	line-height:50px;
	padding:0 0 15px 0;
}
nav a:hover, nav a.selecto{
	color:#86c017;
	background:url(../images/ico-hover.png) center bottom no-repeat;
}
nav span{
	background:url(../images/px_nav.gif) center top no-repeat;
	padding:0 17px;
}

/***botones a la derecha ****/
.divBTN{
	float:right;
	padding:0 15px 0 0
}
.divBTNInf{
	padding:10px 0 0 0
}


/** columnas***/
#ColIzq, #ColDer{
	float:left
}
#ColIzq{
	width:170px;
	margin-right:56px;
	position: relative;
}
#ColDer{
	width:762px;
}
#ColIzq a{
	position: relative;
	color:white;
	text-align:center;
	padding:8px 0;
	display: block;
	text-decoration: none;
	font-size: 11px;
	color: #cbe9c3;
	border-bottom: 1px solid #b4e594;
	background: #58b435;
	text-decoration: underline;
}
#ColIzq a:hover, #ColIzq a.selecto{
	background: url(../images/bg_li.jpg);
	color:white;
	text-decoration: none;
}
#ColIzq a.primero{
	border-radius: 5px 5px 0 0;
	behavior: url(PIE.htc);
}
#ColIzq a.ultimo{
	border-radius:  0 0 5px 5px;
	behavior: url(PIE.htc);
}

.classTabla{
			margin-bottom:10px; 
			height:25em; overflow:auto;
            scrollbar-face-color: #d4e2eb;
            scrollbar-highlight-color: #FFFFFF;
            scrollbar-shadow-color: #9baab2;
            scrollbar-3dlight-color: #C9CACA;
            scrollbar-arrow-color: #658090;
            scrollbar-track-color: #eaedee;
            scrollbar-darkshadow-color: #FFFFFF;
	
}

.classTabla.tranferencia{
			margin-bottom:10px; 
			height:5em; overflow:auto;
	
}

.classTablaModal{
			margin-bottom:10px; 
			overflow:auto;
            scrollbar-face-color: #d4e2eb;
            scrollbar-highlight-color: #FFFFFF;
            scrollbar-shadow-color: #9baab2;
            scrollbar-3dlight-color: #C9CACA;
            scrollbar-arrow-color: #658090;
            scrollbar-track-color: #eaedee;
            scrollbar-darkshadow-color: #FFFFFF;
	
}
.classTabla th, .classTabla td{
	padding: 8px;
	font-size: 11px;
}
.classTabla th{
	color: white;
}
.classTabla td{
	vertical-align:top
}
.classTabla.VerdeAncho{
	background: #58b435 url(../images/bg_thVerdeb.gif) left top no-repeat;
}
.classTabla.VerdeAncho td, .classTabla.VerdeAncho th{
	padding: 8px 3px;
}
.classTabla.Verde{
	background: #58b435 url(../images/bg_thVerde.gif) left top no-repeat;
}
.classTabla.Gris{
	background: #8d9399 url(../images/bg_thGris.gif) left top no-repeat;
}
.classTabla .td25{
	background: #eff2f5;
}
.classTabla .td50{
	background: #e3e8ec;
}
.classTabla .VerdeSinBorde{
	background: #58b435;
}
.classTablaResumen{
	margin-bottom:10px;
}
.classTablaResumen th, .classTablaResumen td{
	padding: 8px;
	font-size: 11px;
	text-align:left;
	border-bottom:2px solid white;	
}
.classTablaResumen th{
	color: white;
	background: #58b435
}
.classTablaResumen td{
	vertical-align:top;
	background:#eff2f5
}
.divBloque{
	width: 670px;
	margin: 0 auto;
	padding:10px 17px;
}
.divBloque .divBTN{
	float:left
}
.esProceso, .esEjecutado, .esporEjecutar{
	padding-right:20px;
	display:block
}
.esProceso{
	background:url(../images/bt_estado.png)  right 0 no-repeat;
}
.esEjecutado{
	background:url(../images/bt_estado.png)  right -15px no-repeat;
}
.esporEjecutar{
	background:url(../images/bt_estado.png)  right -30px no-repeat;
}
.InfoEmpresa{
	width:640px;
}
.VerRechazado{ 
	padding:10px 0 5px 0;
	text-align:right;
	font-size:11px;
	font-weight:bold
}

/*** teclado en paginas internas */
#ColDer .teclado {
	background: none;
	padding:0;
	margin:10px 0;
	font-size:11px;
	
}
#ColDer .teclado ul{
	background: none;
	height:2px;
	margin: 0;
	padding:0;
	width:180px;
	float:left
}
#ColDer .teclado .btGrabar, #ColDer .teclado .btCancelar{
	display:block;
	float:none;
	margin:0 0 5px 0;
}
#ColDer .teclado .divBTN{
	padding:0;
	float:left
}
/*** fin teclado en paginas internas */

/*** links **/
.teclado ul li a,
nav a, .classTabla a:hover{
	text-decoration:none;	
}

a img{
	border:none; outline:none;
}

/*** botones ***/
a.btNuevo, 
a.btCerrar,
a.btGrabar,
a.btCancelar,
a.btSalir,
a.btSelecArchivo,
a.btCargarAbono,
a.btNuevoUsuario,
a.btdarBaja,
a.btGenerarClave{
	height:29px;
	display:block;
}
a:hover.btNuevo, 
a:hover.btCerrar,
a:hover.btGrabar,
a:hover.btCancelar,
a:hover.btSalir,
a:hover.btSelecArchivo,
a:hover.btCargarAbono,
a:hover.btNuevoUsuario,
a:hover.btdarBaja,
a:hover.btGenerarClave{
	background-position: 0px -30px;
}
a.btCerrar {
	width: 113px;
	background: url(../images/bt_cerrar.png) 0 0 no-repeat;
}
a.btNuevo {
	width: 134px;
	background: url(../images/bt_nuevo_registro.png) 0 0 no-repeat;
}
a.btGrabar {
	width: 116px;
	background: url(../images/bt_grabar.png) 0 0 no-repeat;
	float:left
}
a.btCancelar {
	
	
	width: 114px;
	background: url(../images/bt_cancelar.png) 0 0 no-repeat;
	float:left;
	margin-left:5px;
}
a.btCancelarIngreso {
	
		width: 183px;
	height: 45px;
	margin-left: 60px;
	display: block;
	background: url(../images/bt_cancelar.png) 0 0 no-repeat;
	background-position: 0 0;
	background-repeat: no-repeat;
	
 
}
a.btSalir {
	width: 78px;
	background: url(../images/bt_salir.png) 0 0 no-repeat;
}
a.btSelecArchivo{
	width: 162px;
	background: url(../images/bt_seleccionar_archivo.png) 0 0 no-repeat;
	margin-left:25px;
}
a.btCargarAbono{
	width: 200px;
	background: url(../images/bt_cargarAbono.png) 0 0 no-repeat;
}
a.btNuevoUsuario{
	width: 134px;
	background: url(../images/bt_nuevo_usuario.png) 0 0 no-repeat;
	float:left
}
a.btdarBaja{
	width: 113px;
	background: url(../images/bt_darBaja.png) 0 0 no-repeat;
	float:left;
	margin-left:12px;
}
a.btGenerarClave{
	width: 133px;
	background: url(../images/bt_generar_clave.png) 0 0 no-repeat;
}



/* fonts */
@font-face {
    font-family: 'DINOT_Black';
    src: url('DINOT_Black.eot');
    src: url('DINOT_Black.eot?#iefix') format('embedded-opentype'),
         url('DINOT_Black.woff') format('woff'),
         url('DINOT_Black.ttf') format('truetype'),
         url('DINOT_Black.svg#DINOT_Black') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'DINOT_Bold';
    src: url('DINOT_Bold.eot');
    src: url('DINOT_Bold.eot?#iefix') format('embedded-opentype'),
         url('DINOT_Bold.woff') format('woff'),
         url('DINOT_Bold.ttf') format('truetype'),
         url('DINOT_Bold.svg#DINOT_Bold') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'DINOT_Light';
    src: url('DINOT_Light.eot');
    src: url('DINOT_Light.eot?#iefix') format('embedded-opentype'),
         url('DINOT_Light.woff') format('woff'),
         url('DINOT_Light.ttf') format('truetype'),
         url('DINOT_Light.svg#DINOT_Light') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'DINOT_Medium';
    src: url('DINOT_Medium.eot');
    src: url('DINOT_Medium.eot?#iefix') format('embedded-opentype'),
         url('DINOT_Medium.woff') format('woff'),
         url('DINOT_Medium.ttf') format('truetype'),
         url('DINOT_Medium.svg#DINOT_Medium') format('svg');
    font-weight: normal;
}
@font-face {
    font-family: 'DINOT_Regular';
    src: url('DINOT_Regular.eot');
    src: url('DINOT_Regular.eot?#iefix') format('embedded-opentype'),
         url('DINOT_Regular.woff') format('woff'),
         url('DINOT_Regular.ttf') format('truetype'),
         url('DINOT_Regular.svg#DINOT_Regular') format('svg');
    font-weight: normal;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 762px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
	NOTES
	
	Close button entity is &#215;
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/
